<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
   
</head>
<body class="register-body" style="background-color: #eee"><div class="register-con" id="app" v-show="appShow" style="display: none">
    <div style="width: 100%;height: 15px;"></div>
    <div class="code-box">
        <span class="num">手机号</span>
        <input class="code" type="number" id="phone" placeholder="请输入手机号码"  v-model="mobile">
    </div>
    <div class="code-box">
        <span class="num">验证码</span>
        <input class="code code-2" type="text" id="code-id" placeholder="验证码" v-model="code">
        <button class="send-code" id="send-code-id" @click="sendCode">发送验证码</button>
    </div>
    <div class="explain">
        <img src="../images/user/tishi.png"><span>登录自动注册</span>
    </div>
    <div class="register-btn">
        <a href="javascript:;"  @click="logging()">绑定并登录</a>
    </div>
            <script type="text/javascript">
            function Cookie(key,value){
            this.key=key;
            if(value!=null)
            {
                this.value=escape(value);
            }
            this.expiresTime=null;
            this.domain=null;
            this.path="/";
            this.secure=null;
        }
        Cookie.prototype.setValue=function(value){this.value=escape(value);}
        Cookie.prototype.getValue=function(){return (this.value);}
        Cookie.prototype.setExpiresTime=function(time){this.expiresTime=time;}
        Cookie.prototype.getExpiresTime=function(){return this.expiresTime;}
        Cookie.prototype.setDomain=function(domain){this.domain=domain;}
        Cookie.prototype.getDomain=function(){return this.domain;}
        Cookie.prototype.setPath=function(path){this.path=path;}
        Cookie.prototype.getPath=function(){return this.path;}
        Cookie.prototype.Write=function(v){
            if(v!=null){
                this.setValue(v);
            }
            var ck=this.key+"="+this.value;
            if(this.expiresTime!=null){
                try {
                    ck+=";expires="+this.expiresTime.toUTCString();;
                }
                catch(err){
                    alert("expiresTime参数错误");
                }
            }
            if(this.domain!=null){
                ck+=";domain="+this.domain;
            }
            if(this.path!=null){
                ck+=";path="+this.path;
            }
            if(this.secure!=null){
                ck+=";secure";
            }
            document.cookie=ck;
        }
        Cookie.prototype.Read=function(){
            try{
                var cks=document.cookie.split("; ");
                var i=0;
                for(i=0;i <cks.length;i++){
                    var ck=cks[i];
                    var fields=ck.split("=");
                    if(fields[0]==this.key){
                        this.value=fields[1];
                        return (this.value);
                    }
                }
                return null;
            }
            catch(err){
                alert("cookie读取错误");
                return null;
            }
        }
        var ck=new Cookie("HasLoaded");  //每个页面的new Cookie名HasLoaded不能相同
        if(ck.Read()==null){//未加载过，Cookie内容为空
            alert("首次打开页面");

            //设置保存时间
            var dd = new Date();
            dd = new Date(dd.getYear() + 1900, dd.getMonth(), dd.getDate());
            dd.setDate(dd.getDate() + 365);
            ck.setExpiresTime(dd);

            ck.Write("true");  //设置Cookie。只要IE不关闭，Cookie就一直存在
        }
        else{//Cookie存在，表示页面是被刷新的
            alert("页面刷新");
        }
</script>
</body>
</html>
